/* ---------  Override.css   sits on top of base.css----- */
@import url(/vert/Default/Css/IT_login.css);
body {line-height: 1.5; font: .8em Segoe UI Semibold, arial, sans-serif; font-weight:100; color:#818181; margin-top:-10px; background: url(/vert/EcoSoft/images/bg_body.gif);}
a:hover     { color:#394a84; }

.container {
  border-left: solid 1px #3e4349;
  border-right: solid 1px #3e4349;
  min-height:854px;
  text-align:center;
}

/* ----------------------------- COLUMN_LEFT ----------------------------- */

/*.navigation_column ol, ul {padding: 0px 2px 0px 2px;}
.navigation_column {background: white; }
.navigation_column_box {color:#5f6a72; padding-left:2px; padding-top:0px; padding-bottom:2px; border: solid 0px white; background-image: url(); background-repeat: no-repeat; background-color:white;}
.navigation_column h3 {font-family:Segoe UI Semibold, arial, sans-serif; font-size: 1.4em; color:#333; font-weight:bold; margin-left:6px; text-decoration: none; margin-top:4px; }
.navigation_column li {font-size: .95em; list-style-type:none; margin-left:2px; margin-bottom: 6px;}
.navigation_column a:link, a:visited {text-decoration: none;}
.navigation_column h3:hover {color:#394a84;}
.navigation_column br {margin: 0; line-height: 0.3;}*/
/* ----------------------------- COLUMN_CENTRAL ----------------------------- */
/* ----------------------------- FOOTER ----------------------------- */
.footer {background: #d1dde4; text-align: center; padding: 0px 0px 0px 0px; height: 54px; font-size: 1em; color:#333333; width:1140px; margin: 0 auto;   border-right: solid 1px #3e4349; border-left:none; border-bottom: solid 1px #3e4349;}
.footer .keywords {margin-top: 6px; font-size: .625em;}
/* wide format screen */
.span-19  {width: 996px;}
.span-20  {width: 1044px;}
.span-20-special {width: 1034px;}
.span-20-products {width: 1020px;}
.footer {width:1236px;}
.container {width:1236px;}
.login_page_container {margin-left:56px;}
/* ----------------------------- COPYRIGHT ----------------------------- */
.copyright {background: #d1dde4; color: #818181; text-align: center;	font-size: .85em;}
.copyright a {color: #818181;}
.copyright a:hover {color: #818181;}

/* -- Buttons ------------*/
/* Change Buttons ------------*/
input.button, input.button_large, input.button_120, button_join, input.button_140, input.button2, input.button_small, input.button_smallest, input.button_save_top {
border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #418bca;
font: 1.2em 'Roboto', Segoe UI Semibold, arial, sans-serif;
background: url(); background-color:#418bca;
background-image: -webkit-linear-gradient(top, #418bca, #418bca);
background-image: -moz-linear-gradient(top, #418bca, #418bca);
background-image: -ms-linear-gradient(top, #418bca, #418bca);
background-image: -o-linear-gradient(top, #418bca, #418bca);
background-image: linear-gradient(to bottom, #418bca, #418bca);
}

input.button_large {font-size: 1.2em; background: url(); background-color:#418bca;}
input.button_120 {background: url(); background-color:#418bca;}
input.button_140 {width:140px; background: url(); background-color:#418bca;}
input.button2 {background: url(); background-color:#418bca;}
input.button_smallest {background: url(); background-color:#418bca; height:20px; width:60px;}
input.button_save_top {background: url(); background-color:#418bca; margin-top:-450px; float:right; width:100px; height:32px;}
input.button:hover {opacity: 0.6; }

input.secondary {background: url() top left no-repeat; background-color:#418bca;}
.linkbutton_join {
    color: white !important;
    text-align: center;
    font: 1.2em 'Roboto', Segoe UI Semibold, arial, sans-serif !important;
    padding-bottom: 3px;
    border: 0px !important;
    border-radius: 5px !important;
    width: 110px;
    height: 28px;
    background: #418bca url() border-box 0px !important;
}

/*   Main horizontal navigation bar    */
.nav_primary { height: 30px; background-image:none;  background-color:#f7f7f7; clear: both; text-align: center;}
/*   Login page box    */
.special_h2 {
    color:#818181; font-size:18px;
}
.login_button_position {margin-top:20px; margin-left:10px;}
.login_page_box {width:225px; padding: 0px; background-color: #ffffff; border: 1px solid #d8d8d8; border-radius: 10px; overflow: hidden;}
.login_page_box h3 {height: 25px; padding-top: 0px; font: 1.2em Segoe UI Semibold, arial, sans-serif; line-height: 20px; color: white; background-color: #b4c2e9; background-image: url();} 
.login_page_text p {font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em;}
.login_page_text b {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-weight: bold; color: #08b0dd; }
.join_box {margin-top:0px; width:600px; height:300px; padding-top: 0px; padding-left: 0px; background: #ffffff; border: 1px solid #d8d8d8; border-radius: 10px; overflow: hidden;}
.join_box h3 {height: 25px; padding-top: 0px; font: 1.2em Segoe UI Semibold, arial, sans-serif; line-height: 20px; color: white; background-color: #b4c2e9; background-image: url();}
.login_page_box_external {margin-top:200px; height:360px;}
.login_page_box_external_return {margin-top:100px; height:360px;}
.login_page_box_external_return h3 {height: 25px; padding-top: 0px; font: 1.2em Segoe UI Semibold, arial, sans-serif; line-height: 20px; background-color: #0063ad; text-align: center;}
.signin_box_left_margin {margin-left:50px;}
#liveid_left {margin-left:170px; margin-top:40px; border: gray solid 1px; width:280px; height:180px; float:left;}
#liveid_left h3 {height: 25px; padding-top:0px; padding-left: 9px; font: 1.2em Segoe UI Semibold, arial, sans-serif; color: #666666; background-image: url(/vert/cisco/images/login_register_top.gif);}
#liveid_left .inner {	padding: 10px 10px 10px 10px; border-top: none !important;	font-size: 1em; }
#liveid_right {margin-left:80px; margin-top:40px; border: gray solid 1px; width:280px; height:180px; float:left;}
#liveid_right h3 {height: 25px; padding-top:0px; padding-left: 9px; font: 1.2em Segoe UI Semibold, arial, sans-serif; color: #666666; background-image: url(/vert/cisco/images/login_register_top.gif);}
#liveid_right .inner {	padding: 10px 10px 10px 10px; border-top: none !important;	font-size: 1em; }

.version {color:white;}

/* ----------------------------- DEAL CLASSESS ----------------------------- */

/* ----------------------------- NOTIFICATIONS ----------------------------- */
.notifications {font: bold .85em segoe ui, arial, sans-serif;}

/* ----------------------------- SPECIAL NOTES ----------------------------- */
.special_notes {font-size: 90%;	font-weight: normal; font-style:italic; }
.special_notes_image {vertical-align: middle;}

/* ----------------------------- OVERRIDES FOR TELERIK TABSTRIP ----------------------------- */
/*sets tab color, font-size, width */
.special .RadTabStrip_Default .rtsTxt { border:0; color:black; font-size: .88em; width:30px; }
.special .RadTabStrip_Default .smalltab .rtsTxt { width:8px; } 
 a.rtsLink:hover { color:#08b0dd; }
/*sets tabstrip background color*/
.RadTabStrip_Office2010Blue .rtsLevel1 { background-color: #f1f3f5 !important; }
.RadTabStrip_Windows7 .rtsLevel1 { background-color: #ffffff !important; }
/* -------------------------- FORMATTING FOR APPROVER TABLE ----------------------------- */
.approver_table {
    border: 1px solid gray;
    width: 100%;
    font: .9em Segoe UI Semibold, arial, sans-serif;
}
.approver_table td { border-bottom:1px solid gray;}

/* -------------- Notes box for Request Reservations -----------------*/
.notes_box {width: 420px; height:200px;	background-color: #f1f3f5;}
.notes_box .inner {padding: 0px 6px 6px 6px; border-top: none !important; font: 1.1em segoe ui, arial, sans-serif; color: black;}
.notes_box .errors {color:red;}

/* -------------- ROI box for My Opportunities -----------------*/
.roi_box {width: 1036px; height:146px; background: #eff8fb; border-radius: 10px; overflow: hidden;}
.roi_box .inner, .large_gray_box .inner {padding: 6px; font-size: 1.1em; line-height:1.3em; border-top: none !important;}

/* -------------- Large Gray box for My Opportunities -----------------*/
.large_gray_box {border: 0px solid #394a84; font-family: Segoe UI Semibold, arial, sans-serif; background: #eff8fb; border-radius: 10px; overflow: hidden;}
.form_align_label, .form_align_label_narrow, .form_align_label_narrower, .form_align_label_wide, .form_align_label_narrow_new 
{ 
    width:170px; 
    display: block; 
    float: left; 
    text-align: right;
    padding-right:10px;
}
.form_align_label_narrow {width:155px; float:left;}
.form_align_label_narrow_new {width:200px; float:left; }
.form_align_label_narrower {width:150px;}
.form_align_label_wide {width:220px; float:left;}

.form_align_text {padding-left:0px; }

.form_align_label_popup {width:170px;text-align:right; float:left;    display: block;  }
.form_align_textbox_popup {width: 140px; margin-left: 5px; float: left;display: block;}

.deals label {display:inline; width:166px; float:left; text-align:right; font-weight:normal; padding-top:.6em;}

/*   profile heading classes    */

fieldset .speciallegend {font-weight: bold;	color: #666; font-size: .95em; }
.page_head { font-size: 1.6em; line-height: 1.1em; margin-bottom: 0.6em; margin-top: 0.6em;  color:#525252; font-family:Segoe UI Semibold, arial, sans-serif;}
.button_bottom { vertical-align: bottom;}

.rgPager thead,
.rgCommandTable thead
{
   display: none !important;
}
.RadWindow {
    z-index: 8000 !important;
}
html .RadWindow {
    z-index: 8000 !important;
}

 /* top settings - vertical */
/*.menu_style_padding {padding-left:6px;}
.menu_top {height:0px; margin-top:90px; margin-left:0px; background-color:#f5f5f5;}*/

 /* Controls Section/Box headings */
 .rmGTTitle {color:#009cde !Important; margin-top:12px !Important; font-size:15px !Important;}
  /* Controls items within the Box */
 .rmGTitem {color:#3e4349 !Important; margin-left:6px !Important;}

/* Telerik Menu Settings*/
/* Controls Section Headings */
/* Telerik Menu Settings*/
.RadMenu_Metro .rmRootGroup {
    text-align: center;
}
/* settings for the dropdown menu list items */
.RadMenu_Metro .rmRootGroup  .rmSlide .rmGroup {text-align:left;}

html .RadMenu_Metro .rmRootLink:hover,
html .RadMenu_Metro .rmFocused,
html .RadMenu_Metro .rmSelected,
html .RadMenu_Metro .rmFocused:hover {
    color:#009cde !Important; background: transparent; z-index: 6000 }

.RadGrid_MetroTouch
{
   border-radius: 10px;
   overflow: hidden;
}


h2 {font-size:20pt; color:#80b794;}
h3 {color:#80b794;} 
/*Change the font-size
div.RadGrid_MetroTouch,
div.RadGrid_MetroTouch .rgMasterTable,
div .RadGrid_MetroTouch .rgPager table {
    font-size: 12px; font-weight:500;
    color:#818181;
    line-height:16px;
}
 
/*Change the background of headers*/
div.RadGrid_MetroTouch .rgHeader,
div.RadGrid_MetroTouch th.rgResizeCol,
div.RadGrid_MetroTouch .rgHeaderWrapper {
    background-color:#b4c2e9;
}
 
/* Change the text color in headers */
div.RadGrid_MetroTouch .rgHeader,
div.RadGrid_MetroTouch .rgHeader a {
     color:#ffffff; 
     border-color: transparent;
     font-size: 14px; font-weight:500;
}
div.RadGrid_MetroTouch .rgCommandRow {
   background: #b4c2e9;
}

/* Change the stars in the rating control */
div.RadGrid .RadRating_MetroTouch li a,
div.RadGrid .RadRating_MetroTouch li a span {
    width: 16px;
    height: 15px;
    background: no-repeat url("/vert/default/images/star.png");
}
 
div.RadGrid .RadRating_MetroTouch li.rrtSelected a,
div.RadGrid .RadRating_MetroTouch li.rrtSelected a span {
    width: 16px;
    height: 15px;
    background: no-repeat url("/vert/default/images/starSelected.png");
}
.aa_email_template_body {font: 1em Segoe UI Semibold, arial, sans-serif;}
.aa_email_template_unsubscribe {font: .7em Segoe UI Semibold, arial, sans-serif; color: #1f497d;}

/* login page classes */
.login_page_container {width:100%; margin-left: 1px; margin-right: auto; }
.login_page_left_margin {margin-left: 15%;} 
.signin_box_left_margin2 {margin: 0 auto;}
.login_page_box {margin-top:0px; width:225px; height:350px;}
.join_box { margin-top: 0px; width: 600px; height: 350px;}
.login_tab  {width: 168px; float:left}
.login_tab1 {width: 168px; height: 31px;	 float:left}
.login_tab2 {width: 168px; height: 31px;	 float:left}
.login_tab3 {width: 168px; height: 31px;	 float:left}
.login_button_position {margin-top:5px; margin-left:20px;}
.login_page_box_label2 {margin-left: 47%;} 
.login_page_box_label {margin-left: 0%;}
.login_page_position {width:100%; margin-top:120px; margin-bottom:40px;margin-left: auto; margin-right: auto;}

input[disabled] {color:#d8d8d8; border:hidden; background-color:transparent; opacity: 1;}
input[readonly] {color:#d8d8d8; border:hidden; background-color:transparent; opacity: 1;}

span.RadInput input.riTextBox[disabled],
span.RadInput input.riTextBox[readonly] {
    color: black;
    border:hidden;
    font-size:1.1em;
    background-color:transparent;
    opacity: 1;
    margin-bottom:10px;
}
 
div.RadComboBox_Windows7 .rcbDisabled, div.RadComboBox_Windows7 .rcbReadOnly  {
    color: black !Important;
    font-size:1.05em;
    opacity: .9;
}
.RadComboBox .rcbReadOnly .rcbInput, .RadComboBox .rcbDisabled .rcbInput, .RadComboBox_Windows7 .rcbReadOnly .rcbInput, .RadComboBox_Windows7 .rcbDisabled .rcbInput  {
    color: black !Important;
    font-size:1.05em;
    opacity: .9;
}
.RadComboBox_Windows7 {
    z-index: 70000 !important;
}

html .RadComboBox_Windows7 {
    z-index: 70000 !important;
}
.RadComboBoxDropDown_Windows7 {
    z-index: 70000 !important;
}

html .RadComboBoxDropDown_Windows7 {
    z-index: 70000 !important;
}
.login_page_container {
    margin: 0 auto;
    background: url('/vert/ecosoft/images/ecosoft_background.jpg');
    background-size: cover;
    max-height: 100%;
    max-width: 100%;
}


.IT_parent {
    height: 550px;
}